<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米商城</title>
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2960521_rqz39d8moo.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/topnav.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="./css/banner.css">
    <link rel="stylesheet" href="./css/banner2.css">
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <!-- 顶部导航 -->
    <div class="topnav">
        <div class="container clearfix">
            <ul class="fl topnav-menu">
                <li class="fl"><a href="#">小米商城</a></li>
                <li class="fl"><a href="#">MIUI</a></li>
                <li class="fl"><a href="#">IoT</a></li>
                <li class="fl"><a href="#">云服务</a></li>
                <li class="fl"><a href="#">天星数科</a></li>
                <li class="fl"><a href="#">有品</a></li>
                <li class="fl"><a href="#">小爱开放平台</a></li>
                <li class="fl"><a href="#">企业团购</a></li>
                <li class="fl"><a href="#">资质证照</a></li>
                <li class="fl"><a href="#">协议规则</a></li>
                <li class="fl"><a href="#">下载app</a></li>
                <li class="fl"><a href="#">智能生活</a></li>
                <li class="fl"><a href="#">Select Location</a></li>
            </ul>
            <div class="fr">
                <!-- 登录、注册、消息通知部分 -->
                <ul class="fl topnav-menu">
                    <li class="fl"><a href="#">登录</a></li>
                    <li class="fl"><a href="#">注册</a></li>
                    <li class="fl"><a href="#">消息通知</a></li>
                </ul>
                <!-- 购物车部分 -->
                <div class="topnav-cart fl">
                    <a class="topnav-link" href="#">
                        <i class="i-car iconfont"></i>
                        <span>购物车（0）</span>
                    </a>
                    <div class="topnav-detail">
                        购物车中还没有商品，赶紧选购吧！
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页头 -->
    <div class="header">
        <div class="container clearfix">
            <!-- logo部分 -->
            <a href="#" class="header-logo fl">
                <h1>小米商城</h1>
            </a>
            <!-- 一级菜单部分 -->
            <div class="header-menu fl">
                <a class="fl" href="#">小米手机</a>
                <a class="fl" href="#">红米手机</a>
                <a class="fl" href="#">电视</a>
                <a class="fl" href="#">笔记本</a>
                <a class="fl" href="#">平板</a>
                <a class="fl" href="#">家电</a>
                <a class="fl" href="#">路由器</a>
                <a class="fl" href="#">服务</a>
                <a class="fl" href="#">社区</a>

                <!-- 二级菜单部分 -->
                <div class="header-submenu">
                    <div class="container clearfix">
                        <a href="#" class="fl">
                            <div class="header-cover">
                                <img src="img/product.webp" alt="">
                            </div>
                            <div class="header-name">
                                RedMi Note 11 5G
                            </div>
                            <div class="header-price">
                                1199元起
                            </div>
                        </a>
                        <a href="#" class="fl">
                            <div class="header-cover">
                                <img src="img/product.webp" alt="">
                            </div>
                            <div class="header-name">
                                RedMi Note 11 5G
                            </div>
                            <div class="header-price">
                                1199元起
                            </div>
                        </a>
                        <a href="#" class="fl">
                            <div class="header-cover">
                                <img src="img/product.webp" alt="">
                            </div>
                            <div class="header-name">
                                RedMi Note 11 5G
                            </div>
                            <div class="header-price">
                                1199元起
                            </div>
                        </a>
                        <a href="#" class="fl">
                            <div class="header-cover">
                                <img src="img/product.webp" alt="">
                            </div>
                            <div class="header-name">
                                RedMi Note 11 5G
                            </div>
                            <div class="header-price">
                                1199元起
                            </div>
                        </a>
                        <a href="#" class="fl">
                            <div class="header-cover">
                                <img src="img/product.webp" alt="">
                            </div>
                            <div class="header-name">
                                RedMi Note 11 5G
                            </div>
                            <div class="header-price">
                                1199元起
                            </div>
                        </a>
                        <a href="#" class="fl">
                            <div class="header-cover">
                                <img src="img/product.webp" alt="">
                            </div>
                            <div class="header-name">
                                RedMi Note 11 5G
                            </div>
                            <div class="header-price">
                                1199元起
                            </div>
                        </a>

                    </div>
                </div>
            </div>
            <!-- 搜索区域 -->
            <div class="header-search fr">
                <input type="text" class="fl" placeholder="手机">
                <button class="header-searchicon fl">
                    <i class="iconfont i-fangdajing"></i>
                </button>
                <div class="header-suggest">
                    <ul>
                        <li><a href="">全部商品</a></li>
                        <li><a href="">手机</a></li>
                        <li><a href="">耳机</a></li>
                        <li><a href="">小米平板5 Pro</a></li>
                        <li><a href="">加湿器</a></li>
                        <li><a href="">笔记本</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 横幅主区域 -->
    <div class="banner container">
        <a href="">
            <img src="./img/banner.jpeg" alt="">
        </a>
        <div class="banner-pointer banner-pointer-left fl">
            <i class="iconfont i-left"></i>
        </div>
        <div class="banner-pointer banner-pointer-right fr">
            <i class="iconfont i-right"></i>
        </div>
        <div class="banner-dots">
            <span class="fl banner-dots-selected"></span>
            <span class="fl"></span>
            <span class="fl"></span>
        </div>
        <!-- 横幅菜单 -->
        <ul class="banner-menu">
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">手机</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/mobile.webp" alt="" class="fl" />
                        <span class="fl">Note 11 Pro 系列</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">电视</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/tv.webp" alt="" class="fl" />
                        <span class="fl">Redmi 智能电视X65 2022款</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">笔记本 平板</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/notebook.webp" alt="" class="fl" />
                        <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">家电</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/fridge.webp" alt="" class="fl" />
                        <span class="fl">冰箱</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">出行 穿戴</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/watch.webp" alt="" class="fl" />
                        <span class="fl">Redmi 手表 2</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">智能 路由器</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/ai.webp" alt="" class="fl" />
                        <span class="fl">CyberDog</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">电源 配件</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/power.webp" alt="" class="fl" />
                        <span class="fl">移动电源</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">健康 儿童</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/health.webp" alt="" class="fl" />
                        <span class="fl">米家跑步机</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">耳机 音箱</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/earphone.webp" alt="" class="fl" />
                        <span class="fl">Redmi Buds 3 青春版</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="banner-menu-item clearfix">
                    <span class="fl">生活 箱包</span>
                    <i class="iconfont i-right fr"></i>
                </div>
                <div class="banner-sub-menu">
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                    <a href="" class="fl">
                        <img src="./img/bag.webp" alt="" class="fl" />
                        <span class="fl">小背包</span>
                    </a>
                </div>
            </li>
        </ul>
    </div>
    <!-- 横幅2 -->
    <div class="banner2 container clearfix">
        <div class="banner2-service fl">
            <a href="" class="fl">
                <i class="iconfont i-shijian"></i>
                保障服务
            </a>
            <a href="" class="fl">
                <i class="iconfont i-qiye"></i>
                企业团购
            </a>
            <a href="" class="fl">
                <i class="iconfont i-Fma"></i>
                F码通道
            </a>
            <a href="" class="fl">
                <i class="iconfont i-Sim-Card"></i>
                米粉卡
            </a>
            <a href="" class="fl">
                <i class="iconfont i-yijiuhuanxin"></i>
                以旧换新
            </a>
            <a href="" class="fl">
                <i class="iconfont i-chongzhi"></i>
                话费充值
            </a>
        </div>
        <a href="" class="banner2-item fl">
            <img src="./img/banner1.jpg" alt="">
        </a>
        <a href="" class="banner2-item fl">
            <img src="./img/banner2.jpg" alt="">
        </a>
        <a href="" class="banner2-item fl">
            <img src="./img/banner3.jpg" alt="">
        </a>
    </div>
    <!-- 主区域 -->
    <div class="main">
        <a href="" class="container">
            <img src="./img/full-banner.webp" alt="">
        </a>
    </div>

</body>
</html>